<template>
	<view>
		<uni-section title="计时完毕回调" padding="">
			<uni-countdown second="30" @timeup="timeUp"></uni-countdown>
		</uni-section>

		<uni-section title="不显示天数" padding="">
			<uni-countdown :showDay="false" second="100" @timeup="timeUp"></uni-countdown>
		</uni-section>

		<uni-section title="显示文字" padding="">
			<uni-countdown :showColon="false" second="100" @timeup="timeUp"></uni-countdown>
		</uni-section>
		
		<uni-section title="color backgroundColor" padding="">
			<uni-countdown :showColon="false" color="#fff000" backgroundColor="#ff0f00" second="100" @timeup="timeUp"></uni-countdown>
		</uni-section>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			timeUp() {
				uni.showToast({
					title: 'timeup'
				})
			}
		}
	}
</script>

<style>

</style>